@import "_common";
@import "header";
@import "_footer";
.content{
    font-family: "Microsoft YaHei";
    .container-fuild{
        img{
            width: 100%;
        }
    }
    .company{
        padding-bottom: .68rem;
        font-size: .14rem;
        h2{
            margin-top: .92rem;
            margin-bottom: .34rem;
            font-size: .36rem;
        }
        .description{
            font-size: .21rem;
            line-height: 1.428;
        }
        .col-md-9{
            padding-right: .60rem;
            div:not(.description){
                margin-top: .26rem;
                text-indent: .25rem;
                line-height: 1.428;
            }
        }
        .col-md-3{
            img{
                
                margin: 0 auto;
                margin-top: 2.38rem;
                margin-left: .30rem;
            }
            
        }
        @media (max-width: 1024px){
            .col-md-3{
                img{
                    display: block;
                    margin: 0.38rem auto 0;
                    
                }
            }
        }
        @media (max-width: 475px){
            .col-md-3{
                img{
                    display: none;
                    
                    
                }
            }
        }
    }
    .box{
        background:#8cc11f;
        color: #fff;
        margin-bottom: .50rem;
        .container{
            
            .personnel{
                .col-md-9{
                    h2{
                        font-size: .36rem;
                        margin: 1.15rem 0 .50rem; 
                    }
                    div{
                        font-size: .16rem;
                        margin-bottom: .15rem;
                    }
                }
                .col-md-3{
                    padding-top: 2.06rem;
                    margin-bottom: .80rem;
                    font-size: 0.16rem;
                    .box{
                        display: inline-block;
                        padding: 0.12rem 0.15rem;
                        border-radius:.03rem;
                        background: #fff;
                        font-size: .24rem;
                        line-height: 1.428;
                        color: #8cc11f;
                        margin-bottom: .15rem;
                    }
                }
                @media (max-width: 1024px){
                    .col-md-3{
                        padding-top: 0.36rem;
                    }
                }
                
            }
        } 
    }

    .box1{
        padding: .70rem 0 .65rem;
        border-bottom:.01rem solid #d2d2d2;
        .h2{
            font-size: .26rem;
            color: #8cc11f;
        }
        .title{
            font-size: .18rem;
        }
        ul{
            li{
                text-indent: 1em;
                font-size: .14rem;
                line-height: 1.428
            }
        }
    }
    .bottom{
        background: #f4f4f4;
        padding-bottom: .42rem;
        h1{
            font-size: .36rem;
        }
        .box2{
            width: 4.67rem;
            border:.01rem solid #e3e3e3;
            border-radius:.03rem;
            background: #fff;
            font-size: .16rem;
            display: inline-block;
            margin-bottom: .20rem;
            img{
                display: inline-block;
                width: .70rem;
                height: .70rem;
                margin: .11rem .10rem .20rem .20rem;
            }
            p{
                display: inline-block;
                width: 3.41rem;
            }
        }
        .box2:nth-child(2n+1){
            margin-left: .30rem;
        }
        @media (max-width: 1024px){
            .box2{
                p{
                    padding-top: 0;
                    margin-bottom: 0;
                    
                }
            }
        }
        @media (max-width: 768px){
            .box2{
                width: 9.67rem;
                margin-left: 0.3rem;
                p{
                    width: 8.41rem;
                    padding-top: 0;
                    margin-bottom: 0;
                    
                }
            }
        }
        @media (max-width: 475px){
            .box2{
                width: 10rem;
                margin-left: 0.3rem;
                p{
                    width: 8.0rem;
                    padding-top: 0;
                    margin-bottom: 0;
                    
                }
                
            }
        }
    }
    
}
